<template>
   <div id="app3"> 
       <div id="app3_middle" class="middle" style='background:white;'>
        <div style="text-align:center;width:100%;">
            <div><img src="../../../static/img/xiaotu.png" width="100"></div>
            <h2 >您的注册信息已经提交</h2>
            <div><small>我们在快马加鞭为您审核</small></div>
        </div>
       <div class="btn">
           <button @click="next">我知道了</button>
       </div> 
       <br>
    </div>
   </div>
</template>
<script>
export default {
  beforeCreate: function() {
    $("title").text('油卡正在火速办理中');
  },
  mounted:function(){
    setTimeout(function(){
        var h= $(window).height();
        var mh=$("#app3_middle").height(); 
        var newh=(h-mh)/2; 
        $("#app3").css("padding-top",newh+"px");
    },300);
  },
  methods:{
    next:function(){
      WeixinJSBridge.call('closeWindow');
    }
  }
}
</script>
<style scoped>
    #app3 .middle{
      margin: auto;
      width:90%;
      height: auto;
      background-color: white;
      border-radius: 10px;
    }
    #app3 .btn{width:80%;margin: auto;}
    #app3 .btn button{
       width:100%;
       height: 35px;
       border: 1px solid #d2d2d2;
       outline: none;
       margin-top: 35px;
       font-size: 14px;
       background-color: #fff;
       border-radius: 25px;
       color: black;
       box-shadow: 1px 1px 10px #d2d2d2;
     }
     #app3_middle h2,
     #app3_middle div{
       margin-top:10px;
     } 
</style>


